<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="JS/avalon.modern.1.5.min.js"></script>
    <script src="JS/remote.js"></script>
    <link href="JS/bootstrap-all.css" type="text/css" rel="stylesheet">
    <link href="JS/bootstrap.min.css" type="text/css" rel="stylesheet">
    <link href="JS/controller.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="green"
     style="width: 200px;height: 200px;border-radius:50%;text-align: center;line-height: 200px;background-color: green;margin:10% auto ;display:block  ">
    远程指示灯
</div>
<div id="red"
     style="width: 200px;height: 200px;border-radius:50%;text-align: center;line-height: 200px;background-color: red;margin:10% auto;display: none ">
    远程指示灯
</div>
</body>
</html>